Good design is about process, not product ~ Jared Sinclair
UX is not about aesthetics. It’s about usability and user satisfaction. Aesthetically pleasing designs might also lack in UX at times. This is exactly why UI is a subset of UX. Without considering the UX you can’t build an impactful UI. After all, it is the user’s experience that matters the most. UX design can involve tons of things, from navigation and organization of information to good, responsive communication Let’s see some examples and find some UX inconsistencies, if present.
Before that, let’s see a small video where Don Norman (father of UX design) shares Classic Examples of Good UX vs Bad UX: Click
Now, coming back to my blog I’ll be taking some examples from dribble to study some UX designs:
1. LP of a coding website:
These are the points I came up with:
Tried recreating the same LP as per my understanding:
2. Signup/login page of an app:
Reasons why it is a Bad UX:
a. No others means of signup options like, Google, Twitter, Apple etc...
b. No attractive elements. The image used on top is being cut.
c. No depth on the buttons being used, does not look interactive.
d. The font being used on top is in bold and all caps which doesn’t look good.
3. Signup/login page of an app:
Reasons why I feel it is an example of Bad UX:
- The dress color of model wearing is same as the interactive button being used for tapping, which clearly doesn’t look so appealing.
- The app doesn’t have a logo or a catchy phrase, which doesn’t give you an idea about this particular app.
- There is a lot of negative space at the bottom of both Login and Sign up page. Neither, it is giving you others means of signup options like, Google, Twitter, Apple etc. within the Login/Signup page. For that you again have to go to the start page.
Few things that we need to keep in mind while Viewing/Designing a Landing Page of a site:
1. Address User’s Pain Points.
2. Relevant to Add Keyword.
3. Easy to Read.
4. Action Oriented.
5. Eye Catching Color.
6. Primary CTA should be ABOVE-THE-FOLD.
7. Include various Trust Signals.
8. Simple and Clear Copy.
9. Easy Scannable Copy.
Source: Click
Thank you so much for reading it till here. If you wish to connect with me on twitter, here is the link: My Twitter
